<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Love</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--标准mui.css-->
    <link rel="stylesheet" href="assets/mui.min.css">


    <!--App自定义的css-->
    <!--<link rel="stylesheet" type="text/css" href="../css/app.css"/>-->
    <script src="assets/jquery.js"></script>
    <script src="assets/lib.js"></script>
</head>

<body>
<style type="text/css">
    body{ background-color: deeppink}
    h4{ margin-top: 30px; margin-bottom: 30px; text-align: center; color: white;  }
    h2{ color: white; text-align: center; font-weight: normal;  }
</style>
<h4>我暗恋你很久了</h4>
<h2>小哥哥做我男朋友好吗！</h2>

<div class="simg" style="text-align: center; margin-top: 20px"><img style="width: 200px" src="assets/1.png"></div>


<div class="bt" style="text-align: center; margin-top: 20px; position: relative">
    <button class="mui-badge-blue mui-btn" style="width: 100px; position: absolute; left: 20%" onclick="ok()">好</button>
    <button class="mui-badge-danger mui-btn" style="width: 100px;position: absolute; right: 20%" onclick="nos($(this))">不好</button>
</div>

</body>

<script src="js/mui.min.js"></script>
<script>
    var biaobai = [
        "小哥哥再考虑下呗",
        "家务活我全包",
        "淘宝购物车我会自己清空",
        "我会各种姿势",
        "我会游泳，先救你妈",
        "诺，扣扣密码",
        "诺，微信密码",
        "诺，淘宝密码",
        "你超帅的",
        "是我崇拜对象",
        "亲亲只能你要",

    ];
    var index = 0;
function ok() {
    alert("小哥哥终于同意了，我爱你")
    $(".simg").find("img").attr("src","assets/success.jpg")
}

function nos(t) {
    index = index>biaobai.length-1?0:index;

    move(t,function () {
        alert(biaobai[index])
    })
    index++
}

function move(t,cb) {

    var left =50- Math.round(Math.random()*100);
    var top =150- Math.round(Math.random()*300);
    t.animate({left:left+'px','top':top+"px"},'fast','',function () {
    cb()
    });
}

</script>
</html>